
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Responsive Admin Dashboard Template">
  <meta name="keywords" content="admin,dashboard">
  <meta name="author" content="stacks">
<!-- Styles -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700,800&display=swap" rel="stylesheet">
<link href="../plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../plugins/font-awesome/css/all.min.css" rel="stylesheet">
<link href="../plugins/perfectscroll/perfect-scrollbar.css" rel="stylesheet">
<link href="../plugins/DataTables/datatables.min.css" rel="stylesheet">
<!-- Theme Styles -->
<link href="../css/main.min.css" rel="stylesheet">
<link href="../css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING:Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
 <body>
 <div class="page-container">
     <div class="page-header">
       <nav class="navbar navbar-expand-lg d-flex justify-content-between">
         <div class="" id="navbarNav">
           <ul class="navbar-nav" id="leftNav">
             <li class="nav-item"> <a class="nav-link" id="sidebar-toggle" href="#"><i data-feather="arrow-left"></i></a> </li>
             <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li>
             <li class="nav-item"> <a class="nav-link" href="#">Settings</a> </li>
             <li class="nav-item"> <a class="nav-link" href="#">Help</a> </li>
           </ul>
         </div>
         <div class="logo"> <a class="navbar-brand" href="index.html"></a> </div>
         <div class="" id="headerNav">
           <ul class="navbar-nav">
             <li class="nav-item dropdown"> <a class="nav-link search-dropdown" href="#" id="searchDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i data-feather="search"></i></a>
               <div class="dropdown-menu dropdown-menu-end dropdown-lg search-drop-menu" aria-labelledby="searchDropDown">
                 <form>
                   <input class="form-control" type="text" placeholder="Type something.." aria-label="Search">
                 </form>
                 <h6 class="dropdown-header">Recent Searches</h6>
                 <a class="dropdown-item" href="#">charts</a> <a class="dropdown-item" href="#">new orders</a> <a class="dropdown-item" href="#">file manager</a> <a class="dropdown-item" href="#">new users</a> </div>
             </li>
             <li class="nav-item dropdown"> <a class="nav-link notifications-dropdown" href="#" id="notificationsDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false">3</a>
               <div class="dropdown-menu dropdown-menu-end notif-drop-menu" aria-labelledby="notificationsDropDown">
                 <h6 class="dropdown-header">Notifications</h6>
                 <a href="#">
                   <div class="header-notif">
                     <div class="notif-image"> <span class="notification-badge bg-info text-white"> <i class="fas fa-bullhorn"></i> </span> </div>
                     <div class="notif-text">
                       <p class="bold-notif-text">faucibus dolor in commodo lectus mattis</p>
                       <small>19:00</small> </div>
                   </div>
                 </a> <a href="#">
                 <div class="header-notif">
                   <div class="notif-image"> <span class="notification-badge bg-primary text-white"> <i class="fas fa-bolt"></i> </span> </div>
                   <div class="notif-text">
                     <p class="bold-notif-text">faucibus dolor in commodo lectus mattis</p>
                     <small>18:00</small> </div>
                 </div>
               </a> <a href="#">
                 <div class="header-notif">
                   <div class="notif-image"> <span class="notification-badge bg-success text-white"> <i class="fas fa-at"></i> </span> </div>
                   <div class="notif-text">
                     <p>faucibus dolor in commodo lectus mattis</p>
                     <small>yesterday</small> </div>
                 </div>
               </a> <a href="#">
                 <div class="header-notif">
                   <div class="notif-image"> <span class="notification-badge"> <img src="../../assets/images/avatars/profile-image.png" alt=""> </span> </div>
                   <div class="notif-text">
                     <p>faucibus dolor in commodo lectus mattis</p>
                     <small>yesterday</small> </div>
                 </div>
               </a> <a href="#">
                 <div class="header-notif">
                   <div class="notif-image"> <span class="notification-badge"> <img src="../../assets/images/avatars/profile-image.png" alt=""> </span> </div>
                   <div class="notif-text">
                     <p>faucibus dolor in commodo lectus mattis</p>
                     <small>yesterday</small> </div>
                 </div>
               </a> </div>
             </li>
             <li class="nav-item dropdown"> <a class="nav-link profile-dropdown" href="#" id="profileDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><img src="../../assets/images/avatars/profile-image.png" alt=""></a>
               <div class="dropdown-menu dropdown-menu-end profile-drop-menu" aria-labelledby="profileDropDown"> <a class="dropdown-item" href="#"><i data-feather="user"></i>Profile</a> <a class="dropdown-item" href="#"><i data-feather="inbox"></i>Messages</a> <a class="dropdown-item" href="#"><i data-feather="edit"></i>Activities<span class="badge rounded-pill bg-success">12</span></a> <a class="dropdown-item" href="#"><i data-feather="check-circle"></i>Tasks</a>
                 <div class="dropdown-divider"></div>
                 <a class="dropdown-item" href="#"><i data-feather="settings"></i>Settings</a> <a class="dropdown-item" href="#"><i data-feather="unlock"></i>Lock</a> <a class="dropdown-item" href="#"><i data-feather="log-out"></i>Logout</a> </div>
             </li>
           </ul>
         </div>
       </nav>
     </div>
 <div class="page-sidebar">
   <ul class="list-unstyled accordion-menu">
     <li class="sidebar-title"> Main </li>
     <li> <a href="index.html"><i data-feather="home"></i>Dashboard</a> </li>

     <li class="sidebar-title"> Apps </li>
     <li> <a href="email.html"><i data-feather="inbox"></i>Email</a> </li>
     <li> <a href="calendar.html"><i data-feather="calendar"></i>Calendar</a> </li>
     <li> <a href="social.html"><i data-feather="user"></i>Social</a> </li>
     <li> <a href="file-manager.html"><i data-feather="message-circle"></i>File Manager</a> </li>

     <li class="sidebar-title"> Elements </li>
     <!-- Components 下拉菜单（修复嵌套，确保 <ul> 在 <li> 内） -->
     <li>
       <a href="index.html">
         <i data-feather="code"></i>Components
         <i class="fas fa-chevron-right dropdown-icon"></i>
       </a>
       <ul class="">
         <li><a href="alerts.html"><i class="far fa-circle"></i>Alerts</a></li>
         <li><a href="typography.html"><i class="far fa-circle"></i>Typography</a></li>
         <!-- 其他子项 -->
       </ul>
     </li>

     <li> <a href="#"><i data-feather="check-circle"></i>Documentation</a> </li>
   </ul>
 </div>

 <div class="page-content">
<!--   <div class="main-wrapper">-->
<!--     <div th:replace="~{content}"></div>-->
<!--   </div>-->
 </div>


 </div>
   <!-- Javascripts -->
   <script src="../plugins/jquery/jquery-3.4.1.min.js"></script>
   <script src="https://unpkg.com/@popperjs/core@2"></script>
   <script src="../plugins/bootstrap/js/bootstrap.min.js"> </script>
   <script src="https://unpkg.com/feather-icons"></script>
   <script src="../plugins/perfectscroll/perfect-scrollbar.min.js"></script>
   <script src="../plugins/DataTables/datatables.min.js"></script>
   <script src="../js/main.min.js"></script>
   <script src="../js/pages/datatables.js"></script>
</body>
</html>